<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>  
<script type="text/javascript">  
if (typeof jQuery == 'undefined')  
{  
    document.write(unescape("%3Cscript src='/js/jquery-1.10.2.js' type='text/javascript'%3E%3C/script%3E"));  
}  
</script> 
<!-- script type="text/javascript" src="/js/jquery-1.10.2.js"></script -->
<script type="text/javascript" src="/js/jquery.motionj.flashNews.js"></script>
<!-- link rel="stylesheet" type="text/css" href="/js/jqgrid/src/css/ui.jqgrid.css" media="screen" />
<script type="text/javascript" src="/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/js/jqgrid/src/i18n/grid.locale-kr.js"></script>
<script type="text/javascript" src="/js/jqgrid/src/jquery.jqGrid.js"></script-->
<style  type="text/css" media="screen">
*{margin:0;padding:0;background-color:#f6f6f6;} 

#motionJ_flashNews {width:700px; border:0px solid #ccc; margin:10px 0; font-size:0.8em;background-color:#f6f6f6;}
#motionJ_flashNews ul{width:680px; padding: 0 10px;}
#motionJ_flashNews ul li{/* for margin bug in html5 */display:inline-block; /* //for margin bug in html5 */ width:675px; padding:5px 0 5px 5px; margin:5px 0; border:0px solid red; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#motionJ_flashNews ul li span{text-overflow:ellipsis;width:680px;}
.nav_wrap{position:relative;}
.nav_wrap span{display:block;position:absolute;cursor:pointer;}
.nav_wrap .prev{top:-35px;right:0;}
.nav_wrap .next{top:-24px;right:0;}
.motionJ_popLayer{width:680px; border:1px solid #ccc; padding:10px; position:absolute; top:-1px; left:-1px;background-color:background-color:#f6f6f6;; display:none;}
.motionJ_popLayer p{margin:5px 0;overflow:hidden;width:680px; text-overflow:ellipsis; white-space:nowrap;}
</style>
<script type="text/javascript">
<!--
/* ******************************************************************
*  전역변수 선언
* ****************************************************************** */


var url = "/counsel/cns/";
var sData;

/* ******************************************************************
*  이벤 트 함수
* ****************************************************************** */

/* ******************************************************************
*   window_onload 이벤트
* ****************************************************************** */
$(document).ready(function(){



	//처음 페이지 로딩
	//Init();
	//drawGrid();
	
	getNoticeList();
});

/* ******************************************************************
*  그리드 디자인 및 이벤트
* ****************************************************************** */
/* ===========================
 * 그리드 디자인 및 데이터 바인딩
 * =========================== */
function drawGrid () {

	$("#gridList").jqGrid("GridUnload");			// 리드 초기화
	//$("#gridList").clearGridData();			// 리드 초기화

	$("#gridList").jqGrid({							//gridList 테이블에 jqgrid
    	datatype: "local",							//json 방식으로 가져온다
        //mtype: "GET",
        //height: "auto",
        //autowidth: false,
        //shrinkToFit:false,
        //width: "300",
    	// 이 구문이 있어야 JSON 데이터를 받아온다.
    	/*
        height: "auto",
        rownumbers: true, // 행번호 사용여부
        //toolbar : [true,"top"],
        scroll: 1,
        rowNum: 2,
        viewrecords:true,						//총 레코드의 수를 표시할지 여부
        multiselect: false,						//select box를 추가할지 여부
        loadonce:true,							//서버에서 데이터를 한번만 로그
        */
        width: 749,
    	height: 550,
      	rowNum:100,          //검색 row 개수
	    rowList:[100,200,300],

	    pager:'#pager2',
      	//forceFit:true, // 가로스크롤
      	//shrinkToFit:false,  //우측스크롤바 위의 조그만 공간 없애고 거기까지 width채움  // 가로스크롤
      	rownumbers:true,       //맨앞에 줄번호 보이기 여부
        rownumWidth:20,        //줄번호의 width      
		autowidth: true,	
		//rowTotal : -1,
       	sortname: 'shop_cd',
        viewrecords: true,
        sortorder: "desc",
    	caption: "Invoice Header",
    	//multiselect: true,
    	//multiboxonly: true,
       	//pager: '#pager7',
       	//loadtext:'Loading...',
    	//jsonReader: {repeatitems:false,ID:"ID",root:function(obj) {return obj;}},
    	
    	colNames:['거래처코드','거래처명','전화번호','건물명','호수','비고'],
    	
        colModel:[
            {name:'shop_cd'   ,index:'shop_cd'   ,align:"center", width:"50px"},
            {name:'shop_name'   ,index:'shop_name'   ,align:"center", width:"80px"},
            {name:'tel_no'   ,index:'tel_no'   ,align:"center", width:"80px"},
            {name:'addr_base'   ,index:'addr_base'   ,align:"center", width:"80px"},
            {name:'addr_detail'   ,index:'addr_detail'   ,align:"center", width:"80px"},
            {name:'desc'   ,index:'desc'   ,align:"center", width:"80px"}
            
        ]
			
    });
	
	//getCallList ();
}

/* ===========================
 * 그리드 데이터 바인딩
 * =========================== */
function getNoticeList () {

/*
	$.getJSON("/test/daum/ddongs/ddong0010.getNoticeMsg"
			,{ shop_name  : $("#srchShopName").val()
		     }
			,function (resultJson) {

alert(resultJson.);
	});
	*/
	
	 $.ajax({
		  type:'POST'
		  ,url:"/test/daum/ddongs/ddong0010.getNoticeMsg"
		  ,data:{
			       member_no:$("#txtCustno").val()/* 고객 번호 */
			       //mmb_no                :"6"	 /* 고객 번호 */
		        }
		  ,async:false
		  ,dataType:"JSON"
		  ,success:function(data,textStatus) {
			  var cnt;
			  var strHTML  = '<ul id="ulNotice">';
				$.each(data, function(index, entry){
					cnt = index;
					strHTML += '<li><center><font color="#801fbf"><span style="font-family: HYfox;">'+entry.notice_msg+'</span></font></center></li>';
               });         
				strHTML += '</ul>';

				motionJ_flashNews.innerHTML= strHTML;
				
			   if(cnt > 0)play();
		  }
	 	  ,error:function(error, exception) {
	 		   
				
				if (error.status === 0) {
				    alert('Not connect.\n Verify Network.');
				} else if (error.status == 404) {
				    alert('Requested page not found. [404]');
				} else if (error.status == 500) {
				    alert('Internal Server Error [500].');
				} else if (exception === 'parsererror') {
				    alert('Requested JSON parse failed.');
				} else if (exception === 'timeout') {
				    alert('Time out error.');
				} else if (exception === 'abort') {
				    alert('Ajax request aborted.');
				} else {
				    alert('Uncaught Error.\n' + error.responseText);
				}

		  }
		 });
}


function play()
{
	$('#motionJ_flashNews').motionJ_flashNews({
		speed : 500,
		delay : 3000,
		viewLine : 1, // 보여질 뉴스 라인 갯수
		viewPopup : true
	});
}
/* ******************************************************************
*  사용자 정의 함수
* ****************************************************************** */
/* ===========================
 * 화면초기화
 * =========================== */
function Init(){


	//setInit();

	//drawGrid ();		// 그리드 셋팅
	
}



-->
</script>
<div id='motionJ_flashNews'>
</div>	
	        